<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<title>My City</title>
    <meta name='generator' content='http://www.fg-a.com' />
    <meta http-equiv="cache-control" content="no-cache" />
<!-- Main style -->
<link rel="stylesheet" href="./css/style.css" type="text/css" />
<link rel="icon" type="image/png" href="http://www.uzsozlik.com/favicon.png">

</head>

<body class="direction-left">
		
	<!------ HEADER (BEGIN) ---------------------------->
	<div class='header'>
		<!-- HEADER MENU ICONS (BEGIN) -->
        <div class='menu' style='float: right; margin-right:10px; margin-left:1px;'>
			<a href="./index.jsp"><img src="./img/newPost.png" title='NEW POST' alt='NEW POST' /></a>
			<a href="./index.jsp"><img src="./img/search.png" title='SEARCH FOR A LOCATION' alt='SEARCH FOR A LOCATION' /></a>
			<a href="./index.jsp"><img src="./img/profile.png" title='PROFILE PAGE' alt='PROFILE PAGE' /></a>
            <a href="./index.jsp"><img src="./img/home.png" title='HOME PAGE' alt='HOME PAGE' /></a>
        </div>
		<!-- HEADER MENU ICONS (END) -->
		
        <!-- HEADER SOCIAL ICONS (BEGIN) -->
        <div class='menu'>
            <a href=""><img src="./img/social-facebook1.png" title='FACEBOOK' /></a>
            <a href=""><img src="./img/social-twitter1.png" title='TWITTER' /></a>
            <a href=""><img src="./img/social-google1.png" title='GOOGLE+' /></a>
        </div>
		<!-- HEADER SOCIAL ICONS (END) -->
	</div>	
	<!------- HEADER (END) -------------------------------->

        <div class='result-panel'>
            <div class='result-right'>
               
			   <!-- PROFILE -->
		
				<div class='question'>
					<div class='userInfoQuestion' style='left:0px; width:100%'>                         
						<span class='nameQuestion'>Personal Information</span>
					</div>
					<div class='question'>
                        <div class='question-icons'> 
                            <div id='3'>
								<a id='like'><img class='like' src="./img/icons/users.png" /></a>
                            </div>    
                        </div>
                        <div class='answer'>

                            <form method='get' action='profile.html'>
                                <textarea class='answer' name="info">Hi, I am Drogba. I am play for Galatasaray as a professional football player. I am from Ivory Coast.</textarea>
                                <input type="submit" id="subscribe-button" style='width:100%' value="Update" />
                            </form>

                        </div>
                    </div>
				</div>
                <!-- /PROFILE -->

                <!-- PROFILE -->
                <div class='question'>
                        <div class='userInfoQuestion' style='left:0px; width:100%'>                         
                            <span class='nameQuestion'>Security</span>
                        </div>
                        <div class='question'>
							<div class='question-icons'>
								<a title='Change Password' id='like'><img class='like' src="./img/icons/key.png"></a>
							</div>
							<div class='answer'>

								<form method='get' action='./profile.html'>
									<input type='text' style='width:100%;' name='passOld' placeholder='Current Password' />
									<input type='text' style='width:100%;' name='passNew' placeholder='New Password' />
									<input type="submit" id="subscribe-button" style='width:100%;' value="Update" />
								</form>

							</div>
						</div>
                </div>
                <!-- /PROFILE -->
				
				<div class='profile-img'>
					<img src='./img/male.png' style='' />
				</div>
				
				<!-- PROFILE -->
                <div class='question' style='min-height:200px; width:75%;'>
					<div class='userInfoQuestion' style='left:0px; width:100%'>                         
                        <span class='nameQuestion'>Change Profile Photo</span>
                    </div>
					<div class='question'>
						<div class='question-icons'>
							<a title='Change Password' id='like'><img class='like' src="./img/icons/upload.png"></a>
						</div>
                        <div class='answer'>

                            <form method='get' action='./profile.html'>
                                <input type='text' style='width:100%;' name='photoTitle' placeholder='Photo Title' />
									<input type='file' style='width:100%;' style='display:none;' name='photo' />
                                <input type="submit" id="subscribe-button" style='width:100%;' value="Update" />
                            </form>

                        </div>
					</div>	
                </div>
                <!-- /PROFILE -->
				
            </div>

		<!-------- SIDEBAR (BEGIN) --------------------->
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT COMMENTS</span></div>
				<ul class='dic-result'>
					<li><a href='./?comment=4'>COMMENT #1</a></li>		
					<li><a href='./?comment=4'>COMMENT #2</a></li>
					<li><a href='./?comment=4'>COMMENT #3</a></li>
				</ul>
			</div>
			<div class='result-left'>
				<div class='title'><span class='title'>RECENT POSTS</span></div>
				<ul class='dic-result'>	
					<li><a href='./posts.php?post=3'>POST #1</a></li>
					<li><a href='./posts.php?post=3'>POST #2</a></li>
					<li><a href='./posts.php?post=3'>POST #3</a></li>
					<li><a href='./posts.php?post=3'>POST #4</a></li>
				</ul>
			</div>

			<div class='result-left'>
				<div class='title'><span class='title'>SEARCH FOR A PLACE</span></div>
				<div>
					<form action='./locations.jsp' method='get'>
						<input type='text' name='location' class='city-search' placeholder='Enter a location...' />
						<input type='submit' class='city-search' value='SEARCH' />
					</form>
				</div>
			</div>
		<!-------- SIDEBAR (END) --------------------->

        </div>

		<!-- SEARCH RESULT (END) -->
		
		
		
        <!-- STARS -->
	    <div class="stars large"></div>
	    <div class="stars small"></div>
        <!-- /STARS -->

    </body>
</html>
<?php 
mysql_close($con);
?>